import React, {Component} from 'react';
import {Modal} from 'antd';

export default class AssociationQualification extends Component {
    constructor(props) {
        super(props);

        this.state = {visible: false}
    }

    showModal = () => {
        this.setState({
            visible: true,
        });
    };

    handleCancel = (e) => {
        console.log(e);
        this.setState({
            visible: false,
        });
    };

    render() {
        return (
            <div className="well clearfix association-qualification">
                <div className="col-sm-6 col-md-4">
                    <div className="text-center">
                        <img src="http://temp.im/300x200" alt="..." onClick={this.showModal}/>

                        <h4>资质001</h4>
                    </div>
                </div>
                <div className="col-sm-6 col-md-4">
                    <div className="text-center">
                        <img src="http://temp.im/300x200" alt="..."/>

                        <h4>资质001</h4>
                    </div>
                </div>
                <div className="col-sm-6 col-md-4">
                    <div className="text-center">
                        <img src="http://temp.im/300x200" alt="..."/>

                        <h4>资质001</h4>
                    </div>
                </div>
                <div className="col-sm-6 col-md-4">
                    <div className="text-center">
                        <img src="http://temp.im/300x200" alt="..."/>

                        <h4>资质001</h4>
                    </div>
                </div>
                <div className="col-sm-6 col-md-4">
                    <div className="text-center">
                        <img src="http://temp.im/300x200" alt="..."/>

                        <h4>资质001</h4>
                    </div>
                </div>
                <div className="col-sm-6 col-md-4">
                    <div className="text-center">
                        <img src="http://temp.im/300x200" alt="..."/>

                        <h4>资质001</h4>
                    </div>
                </div>

                <Modal
                    visible={this.state.visible}
                    onCancel={this.handleCancel}
                    footer={null}
                    width={650}
                >
                    <img src="http://temp.im/600x400" alt="..."/>
                </Modal>
            </div>
        );
    }
}

